<!DOCTYPE html>
<meta charset="UTF-8">
<div style="padding: 10px;">
	<div id="tab-hover-id" data-type="tabs" style="width: 700px; height: 300px"
		data-defs="fit:true,border:true">
		<div title="关于" style="padding: 10px">jwwui 是基于jQuery写的一组html组件.</div>
		<div title="帮助" data-defs="iconCls:'icon-help',closable:true" style="padding: 10px">
			<ul data-type="tree"
				data-defs="method:'get',url: 'demo/testdata/tree_data1.json',animate:true"></ul>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(function() {
	    var tabs = $('#tab-hover-id').tabs().tabs('tabs');
	    for ( var i = 0; i < tabs.length; i++) {
		    tabs[i].panel('defs').tab.unbind().bind('mouseenter', {
			    index : i
		    }, function(e) {
			    $('#tab-hover-id').tabs('select', e.data.index);
		    });
	    }
    });
</script>
